<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单-详情</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/order-details.css">
</head>
<body>
    <!--header start-->
    <div class="header">
         <!--header-top start-->
        <div class="header-top">
            <!--container 版心-->
            <div class="container">
                <div class="top-left">
                    <a href="index.html">
                        <img src="img/1.png" alt="1">
                        玫丽盼官网
                    </a>
                </div>
                <div class="top-right" id="top_right">
                    <ul>
                        <li>
                        	<a href="login.html" id="login">您好，请 登陆</a>
                        	<img src="img/22.png" alt="" class="d-n" id="img_t"/>
                        </li>
                        <li>
                        	<a href="reister.html" class="red-color" id="reister">免费注册</a>
                        	<a href="###" class="d-n" id="out">安全退出</a>
                        </li>
                        <li class="line"></li>
                        <li><a href="login.html" id="login_html">我的订单</a></li>
                        <li class="line"></li>
                        <li>
                            <a href="login.html" id="shop_C">
                                <img src="img/2.png" alt="2">
                                购物车
                            </a>
                        </li>
                        <li class="line"></li>
                        <li>
                            <a href="login.html" id="scj">
                                <img src="img/3.png" alt="3">
                                收藏夹
                            </a>
                        </li>
                        <li class="line"></li>
                        <li><a href="#">商品分类</a></li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">网站导航</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">客户服务</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">帮助中心</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--header-top end-->
        <!--header-bottom start-->
        <div class="header-bottom">
            <div class="container">
                <!--logo start-->
                <div class="logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="logo">
                    </a>
                </div>
                <!--logo end-->

              	<h2>我的订单</h2>
            </div>
        </div>
        <!--header-bottom end-->
    </div>
    <!--header end-->

    <!--content start-->
    <div class="content">
    	<!--main-nav start-->
		<div class="order-nav">
			<div class="container">
				<!--main-nav start-->
           		<div class="main-nav">
                        <dl>
                            <dt class="main-color">全部商品分类</dt>
                            <dd>
                                <h3>面部护肤</h3>
                                <p>
                                    <a href="#">补水保湿</a>/<a href="#">洁面卸妆</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>洗发护发</h3>
                                <p>
                                    <a href="#">洗发</a>/<a href="#">护发</a>/<a href="#">染发</a>/<a href="#">造型</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>身体护理</h3>
                                <p>
                                    <a href="#">沐浴</a>/<a href="#">润肤</a>/<a href="#">精油</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>香水彩妆</h3>
                                <p>
                                    <a href="#">BB霜</a>/<a href="#">化妆棉</a>/<a href="#">唇膏唇彩</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>女性护理</h3>
                                <p>
                                    <a href="#">卫生巾</a>/<a href="#">卫生护垫</a>
                                </p>
                                <span></span>
                            </dd>
                        </dl>
                    </div>
            	<!--main-nav end-->
            
            	<ul>
            		<li><a href="#">秒杀</a></li>
            		<li><a href="#">优惠券</a></li>
            		<li><a href="#">闪购</a></li>
            		<li><a href="#">拍卖</a></li>
           	 	</ul>
			</div>
		</div>
		<!--main-nav end-->
    	
    	<div class="order-main">
    		<div class="container">
    			<p><a href="">我的订单</a>><em>订单:</em>653263458985</p>
    			<div class="pro">
    				<p>
    					<a href="#">
    						<img src="img/34.png" alt="" />
    					</a>
    				</p>
    				<p>
    					<em></em>
    					<span>2017-11-11/周一  11:11:11</span>
    					<i>您提交了订单</i>
    					<i class="lines"></i>
    				</p>
    			</div>
    			<div class="pro-info">
    				<ul>
    					<li>
    						<span>收货人信息</span>
    						<span>收货人:<em>小白</em></span>
    						<span>地址：<em>广东省广州市天河区五山中公教育大厦</em></span>
    						<span>手机号码：<em>151****8899</em></span>
    					</li>
    					<li>
    						<span>配送信息</span>
    						<span>配送方式：<em>普通快递</em></span>
    						<span>运费:<em>￥0.00</em></span>
    						<span>送货日期:<em>2017-11-11</em></span>
    					</li>
    					<li>
    						<span>付款信息</span>
    						<span>付款方式:<em>在线支付</em></span>
    						<span>商品总额:<em>￥169.00</em></span>
    						<span>应付金额:<em>￥169.00</em></span>
    					</li>
    					<li>
    						<span>发票信息</span>
    						<span>发票类型:<em>电子发票</em></span>
    						<span>发票抬头:<em>个人</em></span>
    						<span>发票内容:<em>明细</em></span>
    					</li>
    				</ul>
    			</div>
    			<div class="pro-details">
    				<p>
    					<span>商品</span>
    					<span>数量</span>
    					<span>单价</span>
    					<span>单号</span>
    					<span>当前状态</span>
    				</p>
    				<p>
    					<a href="#">
    						<img src="img/35.png" alt="" />
    					</a>
    					<span>玫丽盼（Milbon）护发精油 Milbon 玫丽盼 免洗护发精油  粗硬发质 120ml/瓶</span>
    					<span>1</span>
    					<span>169.00</span>
    					<span>653263458985</span>
    					<span>未付款</span>
    				</p>
    				<p>
    					<a href="#">付款</a>
    					<a href="#">找人代付</a>
    					
    				</p>
    			</div>
    		</div>
    	</div>
    	
    	
    	
    	
    	
    	
        <!--scroll start-->
        <div class="scroll">
            <ul>
                <li><a href="#"><img src="img/17.png" alt=""></a></li>
                <li><a href="#"><img src="img/18.png" alt=""></a></li>
                <li><a href="#"><img src="img/19.png" alt=""></a></li>
                <li><a href="#"><img src="img/20.png" alt=""></a></li>
                <li><a href="#"><img src="img/21.png" alt=""></a></li>
                <li><a href="#"><img src="img/22.png" alt=""></a></li>
                <li><a href="#"><img src="img/23.png" alt=""></a></li>
                <li><a href="#"><img src="img/24.png" alt=""></a></li>
            </ul>
        </div>
        <!--scroll end-->
    </div>
    <!--content end-->

    <!--footer start-->
    <div class="footer">
        <!--footer-top start-->
        <div class="footer-top">
            <div class="container">
                <!--credit start-->
                <div class="credit">
                    <ul>
                        <li><img src="img/kuai.png" alt="kuai"></li>
                        <li><img src="img/hao.png" alt="hao"></li>
                        <li><img src="img/sheng%20.png" alt="sheng"></li>
                    </ul>
                </div>
                <!--credit end-->

                <!--footer-main start-->
                <div class="footer-main">
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行/团购</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a></dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="#">上门自提</a></dd>
                        <dd><a href="#">211限时达</a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                        <dd><a href="#">海外配送</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线付款</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">邮局汇款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">价格保护</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修/退换货</a></dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                </div>
                <!--footer-main end-->
            </div>
        </div>
        <!--footer-top end-->

        <!--footer-bottom start-->
        <div class="footer-bottom">
            <div class="container">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家帮助</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">风险监测</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Media & IR</a></li>
                </ul>
                <p>增值电信业务经营许可证： 浙B2-20110446 | 网络文化经营许可证：浙网文[2015]0295-065号 | 12318举报
                    </p>
                <p>互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005  |  浙公网安备 00000000000000号</p>
                <p>Copyright © 2004 - 2017  玫丽盼 版权所有|消费者维权热线：4006067733经营证照</p>
            </div>
        </div>
        <!--footer-bottom end-->
    </div>
    <!--footer end-->
    <script src="js/base.js"></script>
    <script type="text/javascript">
    	top_slider();
    	sale();
    </script>
</body>
</html>